/*
  Blackbird - Open Source JavaScript Logging Utility
  Author: G Scott Olson
  Web: http://blackbirdjs.googlecode.com/
       http://www.gscottolson.com/blackbirdjs/
  Version: 1.0

  The MIT License - Copyright (c) 2008 Blackbird Project
*/
#blackbird { margin:0; padding:0; position:fixed; _position:absolute; font:11px/1.3 Consolas, 'Lucida Console', Monaco, monospace; _border:2px solid #BBB;  }
#blackbird.bb-top-left { top:0; left:0; _top:expression(eval(document.documentElement.scrollTop+8)); _left:expression(eval(document.documentElement.scrollLeft+8)); }
#blackbird.bb-top-right { top:0; right:0; }
* html .bb-top-right { right:auto; top:expression(eval(document.documentElement.scrollTop+8)); left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-document.getElementById('blackbird').offsetWidth-8)); }
#blackbird.bb-bottom-left  { bottom:0; left:0; }
* html .bb-bottom-left { bottom:auto; top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-document.getElementById('blackbird').offsetHeight-8)); left:expression(eval(document.documentElement.scrollLeft+8)); }
#blackbird.bb-bottom-right { bottom:0; right:0; }
* html .bb-bottom-right { bottom:auto; right:auto; top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-document.getElementById('blackbird').offsetHeight-8)); left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-document.getElementById('blackbird').offsetWidth-8)); }

#blackbird.bb-small { width:300px; _width:272px; }
  #blackbird.bb-small .bb-header { _width:272px; }
  #blackbird.bb-small .bb-header div.bb-left, #blackbird.bb-small .bb-footer div.bb-left   { width:150px; }
  #blackbird.bb-small .bb-main { _width:272px; }
  #blackbird.bb-small .bb-main div { height:200px; }
  #blackbird.bb-small .bb-main div.bb-mainBody { width:272px; }
  #blackbird.bb-small .bb-footer { _width:272px; }

#blackbird.bb-large { width:500px; _width:472px; }
  #blackbird.bb-large .bb-header { _width:472px; }
  #blackbird.bb-large .bb-header div.bb-left, #blackbird.bb-large .bb-footer div.bb-left { width:350px; }
  #blackbird.bb-large .bb-main { _width:472px; }
  #blackbird.bb-large .bb-main div { height:500px; }
  #blackbird.bb-large .bb-main div.bb-mainBody { width:472px; }
  #blackbird.bb-large .bb-footer { _width:472px; }

#blackbird .bb-header span { cursor: pointer; position:relative; width:16px; height:16px; margin:0 4px; float:left; background-image:url(blackbird.png); background-repeat:no-repeat; }
  #blackbird .bb-header span.bb-error    { background-position:100% -84px; }
  #blackbird .bb-header span.bb-warn     { background-position:100% -100px; }
  #blackbird .bb-header span.bb-info     { background-position:100% -116px; }
  #blackbird .bb-header span.bb-debug    { background-position:100% -132px; }
  #blackbird .bb-header span.bb-profile  { background-position:100% -148px; }
  #blackbird .bb-header span.bb-close    { background-position:100% -68px; }
  #blackbird .bb-header span.bb-clear    { background-position:100% -52px; }
  #blackbird .bb-header span.bb-contract { background-position:100% -20px; }
  #blackbird .bb-header span.bb-expand   { background-position:100% -36px; }
  #blackbird .bb-header span.bb-disabled { opacity: 0.4; *filter:alpha(opacity=40); }

#blackbird .bb-header > div, #blackbird .bb-main > div, #blackbird .bb-footer > div { background-image:url(blackbird.png); background-repeat:no-repeat; }
  
#blackbird .bb-header div { float:left; _background-color:#000; }
  #blackbird .bb-header div.bb-left { background-position:0 0; height:40px; _height:16px; }
    #blackbird #bbFilters { margin-left: -4px; padding:16px 0 0 19px; float:left; _padding:6px 8px; }
  #blackbird .bb-header div.bb-right { background-position:-350px 0; height:40px; width:150px; _width:122px; _height:16px; }
    #blackbird #bbControls { padding:16px 24px 0 0; float:right; _padding:6px 8px; }
    #blackbird #bbControls span { margin:0 2px; }
    #blackbird #bbControls span.bb-clear { margin-right:8px; }

#blackbird .bb-main div { float:left; }
  #blackbird .bb-main div.bb-left { background-position:0 -30px; width:11px; _width:0; }
  #blackbird .bb-main div.bb-mainBody { background-position:-11px -40px; _background-color:#000; _filter:alpha(opacity='90'); }
    #blackbird .bb-main .bb-mainBody ol { line-height: 1.45; height:100%; overflow:auto; width:100%; list-style-type:none; margin:0; padding:0; }
    #blackbird .bb-main .bb-mainBody ol li { padding:1px 4px 1px 24px; border-bottom: 1px solid #333; color:#CCC; margin: 2px 2px; _text-indent: -2px; }
      #blackbird .bb-main .bb-mainBody ol li span { display:block; _display:inline-block; _font-size:6px; _line-height:0; height: 8px; width: 8px; background: url(blackbird.png) no-repeat 0 0; margin: 3px 0 1px -16px; }

#blackbird .bb-main .bb-mainBody ol li.bb-error span   { background-position:100% -164px; }
#blackbird .bb-main .bb-mainBody ol li.bb-warn span    { background-position:100% -172px; }
#blackbird .bb-main .bb-mainBody ol li.bb-info span    { background-position:100% -180px; }
#blackbird .bb-main .bb-mainBody ol li.bb-debug span   { background-position:100% -188px; }
#blackbird .bb-main .bb-mainBody ol li.bb-profile span { background-position:100% -196px; }

#blackbird .bb-main .bb-mainBody ol li.bb-profile { color:#DDD; font-style:italic; }
      
#blackbird .bb-error-hidden li.bb-error,  #blackbird .bb-warn-hidden li.bb-warn,  #blackbird .bb-info-hidden li.bb-info, #blackbird .bb-debug-hidden li.bb-debug, #blackbird .bb-profile-hidden li.bb-profile { display:none; }

#blackbird .bb-main div.bb-right { background-position:-483px -30px; width:17px; _width:0; }

#blackbird .bb-footer div { height:50px; float:left; _background-color:#000; _height:auto; _filter:alpha(opacity='90'); }
#blackbird .bb-footer div.bb-left { cursor: pointer; background-position:bottom left; _width:100%  !important; font-family:Arial,sans-serif; color:#BBB; padding-top: 10px; height: 40px; _height:auto; _padding:4px 0 6px; }
  #blackbird .bb-footer div.bb-left span { cursor: pointer; display:block; float:left; _float:none; _display:inline-block; _font-size:6px; _line-height:0; background:transparent url(blackbird.png) no-repeat -506px -10px; height:10px; width:10px; margin:2px 4px 0 20px; position:relative; _margin:4px 4px 0 8px; }
    #blackbird .bb-footer div.bb-left span.checked { background-position: -506px 0; }
#blackbird .bb-footer div.bb-right { background-position:-350px -550px; width:150px; _width:0; }
